<template>
  <div class="echartsMain">
    <div class="echTit"><slot name="title"></slot></div>
    <div class="echart"><slot name="echart"></slot></div>
  </div>
</template>

<script>
export default {
  
}
</script>
<style scoped lang="scss">
.echartsMain {
  color: #fff;
  width: 100%;
  box-sizing: border-box;
  padding: 0.625rem 0.625rem 0 0.625rem;

  .echTit {
    line-height: 1.125rem;
    height: 1.9375rem;
    width: 100%;
    padding: 0 3.125rem;
    font-size: 1.5rem;
    background: url(~assets/img/sy/titleBg.png) no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    font-family: 'pmzd';
    text-shadow: 0px 3px 10px rgba(32, 219, 238, 1);
    font-style: oblique;
  }
  .echart {
    height: calc(100% - 2.625rem);
    width: 100%;
  }
}
</style>